.wrapper {
  position: relative;
  width: 500px;
  height: 300px;
  padding: 0 30px 20px 0;
  .core-wrapper {
    display: flex;
    flex-direction: column;
    max-height: 270px;
    padding: 0 5px;
  }
  .bg-1 {
    margin-right: -18px;
    transform: rotate(2.2deg);
    transform-origin: left bottom;
  }
  .title {
    margin: 20px 0 5px 0;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    border-radius: 17px 17px 0 0;
    &.gray {
      margin: 19px -1px 4px -1px;
      color: black;
      background: unset;
      border: solid 1px lightgray; /* 加了边框，margin向外扩展1px */
    }
  }
  &:global {
    > .ant-col {
      padding: 0 20px;
    }
  }

  :global {
    .ant-tabs-nav {
      display: none;
    }
    .ant-carousel {
      width: 430px;
      margin: 20px 20px 0 20px;
    }
  }
}

.slickTitle {
  font-weight: bold;
}

.memo {
  max-height: 90px;
  overflow: auto;
  color: #afafc7;
  font-size: 12px;
}

:global {
  .ant-image-img {
    object-fit: contain;
  }
}
